<HTML>
<HEAD>
<TITLE>czenie tablic</TITLE>
<SCRIPT LANGUAGE="JavaScript1.1">
// zmienne globalne
var arrayOne, arrayTwo, arrayThree, textObj

// inicjalizacja strony po jej pobraniu, stworzenie tablic 
// i zapewnienie dostpu do pierwszego pola drugiej grupy
function initialize() {
    var form = document.forms[0]
    textObj = form.original
    arrayOne = new Array("Jerry", "Elaine","Kramer")
    arrayTwo = new Array("Ross", "Rachel",textObj)
    arrayThree = arrayOne.concat(arrayTwo)
    update1(form)
    update2(form)
    showArrays()
}

// wywietlenie biecych wartoci wszystkich trzech tablic
function showArrays() {
    var form = document.forms[0]
    form.array1.value = arrayOne.join("\n")
    form.array2.value = arrayTwo.join("\n")
    form.array3.value = arrayThree.join("\n")
}

// zmiana wartoci pierwszej komrki trzeciej tablicy
function update1(form) {
    arrayThree[0] = form.source1.value
    form.result1.value = arrayOne[0]
    form.result2.value = arrayThree[0]
    showArrays()
}

// zmiana wartoci waciwoci obiektu, do ktrego odwoanie jest 
//zapisane w ostatniej komrce trzeciej tablicy 
function update2(form) {
    arrayThree[5].value = form.source2.value
    form.result3.value = arrayTwo[2].value
    form.result4.value = arrayThree[5].value
    showArrays()
}
</SCRIPT>
</HEAD>
<BODY onLoad="initialize()">
<FORM>
<TABLE>
<TR><TH>arrayOne</TH><TH>arrayTwo</TH><TH>arrayThree</TH></TR>
<TR>
<TD><TEXTAREA NAME="array1" COLS=25 ROWS=6></TEXTAREA></TD>
<TD><TEXTAREA NAME="array2" COLS=25 ROWS=6></TEXTAREA></TD>
<TD><TEXTAREA NAME="array3" COLS=25 ROWS=6></TEXTAREA></TD>
</TR>
</TABLE>
<B>Podaj now warto komrki arrayThree[0]:</B><INPUT TYPE="text" NAME="source1" 
VALUE="Jerry">
<INPUT TYPE="button" VALUE="Zmie waciwo arrayThree[0]" 
onClick="update1(this.form)"><BR>
Aktualna warto arrayOne[0]:<INPUT TYPE="text" NAME="result1"><BR>
Aktualna warto arrayThree[0]:<INPUT TYPE="text" NAME="result2"><BR>
<HR>
textObj zapisany w arrayTwo[2]:<INPUT TYPE="text" NAME="original" 
onFocus="this.blur()"></BR>
<B>Podaj now warto komrki arrayThree[5]:</B><INPUT TYPE="text" NAME="source2" 
VALUE="Phoebe">
<INPUT TYPE="button" VALUE="Zmie waciwo arrayThree[5].value" 
onClick="update2(this.form)"><BR>
Aktualna warto arrayTwo[2].value:<INPUT TYPE="text" NAME="result3"><BR>
Aktualna warto arrayThree[5].value:<INPUT TYPE="text" NAME="result4"><P>

<INPUT TYPE="button" VALUE="Odwie stron" onClick="location.reload()">
</FORM>
</BODY>
</HTML>